<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Test for bug 1133945</title>
    <style>
      body { writing-mode: vertical-rl; line-height: 60px; }
      div { display: inline-block; width: 20px; height: 10px; background: blue; }
      .a { vertical-align: initial; }
      .b { vertical-align: middle; }
      .c { vertical-align: 0; }
      .d { vertical-align: -20px; }
      .e { vertical-align: 20px; }
    </style>
  </head>
  <body>
    a <div class="a"></div> b <div class="b"></div> c <div class="c"></div>
    d <div class="d"></div> e <div class="e"></div>
  </body>
</html>
